<div class="m-container m-coupon " ng-controller="couponController">
    <nav-tab></nav-tab>
    <div class="swiper-container" id="couponSwiper" container-scroll scroll-down2>
        <div class="swiper-wrapper">
            <!--已领取-->
            <div class="swiper-slide">
                <ul class="got" scroll-down2>
                    <li ng-repeat="item in (couponList1| orderBy:'-userCouponId')" class="couponLi" ng-click="goDetail(item)">
                        <coupon-item></coupon-item>
                    </li>
                </ul>
                <div  ng-show="couponList1.length==0" >
                    <div class="noCoupons"></div>
                    <p class="ls1 c798 text-center">暂无可用优惠券</p>
                    <p class="ls1 c798 text-center f16">参与活动即可获得</p>
                </div>
            </div>
            <!--可领取-->
            <div class="swiper-slide ">
                <ul class="couponContent couponList2" scroll-down2 >
                    <li ng-repeat="item in couponList2 " class="couponLi {{item.isCheck?'active':''}}" ng-click="checkIt(item)">
                        <coupon-item></coupon-item>
                    </li>
                </ul>
                <button class="btnN"  ng-click="couponSelect()" ng-hide="couponList2.length==0">确认</button>
                <div  ng-show="couponList2.length==0" >
                    <div class="noCoupons"></div>
                    <p class="ls1 c798 text-center">暂无优惠券可领</p>
                </div>
            </div>
            <!--可领取-->
            <div class="swiper-slide ">
                <ul class="couponContent couponList3 " scroll-down2>
                    <li ng-repeat="item in couponList3" class="couponLi unuseful">
                        <coupon-item></coupon-item>
                    </li>
                </ul>
                <div  ng-show="couponList3&&couponList3.length==0" >
                    <div class="noCoupons"></div>
                </div>
            </div>
        </div>
    </div>
</div>